@charset "utf-8";
@import "common/common";
.news_wrap{
    padding-top: 41px;
    padding-bottom: 25px;
    .news_title{
        h2{
            font-size: 28px;
            color: #ff6b08;
            margin: 0;
            margin-bottom: 39px;
        }
    }
    .news_show{
        margin-bottom: 88px;
        &:last-child{
            .show_item{
            margin-right: 0;
            }
        }
        .show_item{
            border-radius: 3px;
            border: 1px solid #eeeeee;
            overflow: hidden;
            position: relative;
            padding: 0;
            margin-right: 20px;
            margin-left: 20px;
            img{
                width: 100%;
            }
            &:last-of-type{
                margin-right: 0;
            }
            span{
                width: 100%;
                display: block;
                background: rgba(0,0,0,.6);
                position: absolute;
                bottom: 0;
                color: #fff;
                text-align: center;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
    .news_cont{
        padding-right: 0;
        border-bottom: 1px dashed #d4d4d4;
        .news_item{
            padding: 0;
            margin-bottom: 62px;
            .item_img{
            border: 1px solid #dddddd;
            border-radius: 3px;
            overflow: hidden;
            padding: 0;
            text-align: center;
            line-height: 136px;
            img{
                width: 100%;
            }
        }
        .item_cont{
            padding: 0;
            padding-left: 30px;
            h3{
                margin: 0;
                a{
                    font-size: 18px;
                    color: #666666;
                    &:hover{
                        text-decoration: none;
                        color: #ff6900;
                    }
                }
            }
            h4{
                font-size: 12px;
                margin: 0;
                margin-top: 16px;
                margin-bottom: 24px;
            }
            p{
                font-size: 13px;
                line-height: 25px;
            }
            span{
                float: right;
                width: 98px;
                height: 32px;
                border: 1px solid #ff6d07;
                display: block;
                border-radius: 13px;
                text-align: center;
                line-height: 32px;
                    &:hover{
                            background: #ff6d07;
                            a{
                                color: #fff;
                                text-decoration: none;
                            }
                    }
                a{
                    color: #ff6d07;
                }
            }
        }
        }
        
    }
    .news_turning{
        border: 1px solid #dddddd;
        width: 302px;
        height: 31px;
        border-radius: 3px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 35px;
        ul{
            list-style: none;
            line-height: 31px;
            padding: 0;
            &::after{
                display: block;
                clear: both;
                content: "";
            }
            li{
                float: left;
                font-size: 12px;
                text-align: center;
                border-right: 1px solid #dddddd;
                &:first-child{
                    width: 50px;
                    border-bottom-left-radius: 3px;
                    border-top-left-radius: 3px;
                }
                &:nth-child(2){
                    width: 60px;
                }
                &:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6){
                    width: 31px;
                }
                &:last-child{
                    width: 66px;
                    border-right: none;
                    border-top-right-radius: 3px;
                    -webkit-border-bottom-right-radius: 3px;
                    
                }
                &:hover{
                    background: #e34637;
                    border: 1px solid #ddd;
                    a{
                        color: #fff;
                        text-decoration: none;
                    }
                }
                a{
                    color: #414141;
                    
                }
            }
        }
    }
}









@media (max-width:768px){
    .news_wrap{
        .news_show{
            div{
                margin-bottom: 10px;
            }
        }
        .news_cont{
            .news_item{
                .item_img{
                    float: none;
                    margin: 0 auto;
                }
                .item_cont{
                    padding: 0;
                    span{
                        float: none;
                        margin: 0 auto;
                    }
                }
            }
        }
    }
}






@media (min-width:768px) and (max-width:992px) {
    .nav {
        >li {
            >a {
                padding-left: 5px;
                padding-right: 5px;
            }
        }
    }
    .news_wrap {
        .news_show{
            div{
                margin-right: 35px;
            }
        }
    } 
}

@media (min-width:992px) {
    .container {
        width: 970px;
        padding-left: 14px;
    }
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}